@media screen and(max-width:3000px)
{
    body{
        background-color : #f5f9fa;
    }
    #loginHtml{
        margin-top : 100px;
        text-align:center;
    }
    h1{
        color : #2a71e6;
        font-size : 70px;
    }
    #login_registered{
        margin-top : 3%;
    }
    #registered{
        display:inline;
        margin-left:-1%;
        cursor:pointer;
        color:#1C71E6;
    }
    #login{
        display:inline;
        margin-left:1.5%;
        cursor:pointer;
    }
    #p0{
        margin-top:-20px;
    }
    #input0{
        
        margin-top:3%;
        width:280px;
        height:50px;
    }
    
    #input1{
        width:280px;
        height:50px;
    }
    #input2{
        width:280px;
        height:50px;
    }
    #input3{
        
        margin-top: 2%;
        width:280px;
        height: 50px;
        background-color:#1C71E6;
        color:white;
        cursor:pointer;
        
    }
    .verification_code_class{
        width:280px;
        height:50px;
        cursor:pointer;
    }
    .class1{
        width:280px;
        height:0px;
    }
    #text_p{
        
        font-size:85%;
        color:gray;
        
    }
    
    #text_p1{
        
        font-size:85%;
        color:gray;
        margin-top:55px;
    }
    #text_p1 a{
        text-decoration:none;
        color:gray;
    }
    
    #text_p a{
        text-decoration:none;
    }
}


@media screen and(max-width:800px)
{
    body{
        background-color : #f5f9fa;
    }
    #loginHtml{
        margin-top : 66px;
        text-align:center;
    }
    h1{
        color : #2a71e6;
        font-size : 48px;
    }
    #login_registered{
        margin-top : 3%;
    }
    #registered{
        display:inline;
        margin-left:-1%;
        cursor:pointer;
        color:#1C71E6;
    }
    #login{
        display:inline;
        margin-left:1.5%;
        cursor:pointer;
    }
    #p0{
        margin-top:-13px;
        font-size:85%;
    }
    #input0{
        
        margin-top:3%;
        width:195px;
        height:33px;
    }
    
    #input1{
        width:195px;
        height:33px;
    }
    #input2{
        width:195px;
        height:33px;
    }
    #input3{
        
        margin-top: 2%;
        width:195px;
        height: 33px;
        background-color:#1C71E6;
        color:white;
        cursor:pointer;
        
    }
    .verification_code_class{
        width:195px;
        height:33px;
        cursor:pointer;
    }
    .class1{
        width:195px;
        height:0px;
    }

    #text_p{
        
        font-size:70%;
        color:gray;
        
    }
    
    #text_p1{
        
        font-size:70%;
        color:gray;
        margin-top:38px;
    }
    #text_p1 a{
        text-decoration:none;
        color:gray;
    }
    
    #text_p a{
        text-decoration:none;
    }
}
@media screen and(max-width:600px)
{
    body{
        background-color : #f5f9fa;
    }
    #loginHtml{
        margin-top : 50px;
        text-align:center;
    }
    h1{
        color : #2a71e6;
        font-size : 35px;
    }
    #login_registered{
        margin-top : 3%;
    }
    #registered{
        display:inline;
        margin-left:-1%;
        cursor:pointer;
        color:#1C71E6;
    }
    #login{
        display:inline;
        margin-left:1.5%;
        cursor:pointer;
    }
    #p0{
        margin-top:-10px;
        font-size:70%
    }
    #input0{
        
        margin-top:3%;
        width:140px;
        height:28px;
    }
    
    #input1{
        width:140px;
        height:28px;
    }
    #input2{
        width:140px;
        height:28px;
    }
    #input3{
        
        margin-top: 2%;
        width:140px;
        height: 28px;
        background-color:#1C71E6;
        color:white;
        cursor:pointer;
        
    }
    .verification_code_class{
        width:140px;
        height:28px;
        cursor:pointer;
        
        
    }
    .class1{
        width:140px;
        height:0px;
    }

    #text_p{
        
        font-size:60%;
        color:gray;
        
    }
    
    #text_p1{
        
        font-size:60%;
        color:gray;
        margin-top:30px;
    }
    #text_p1 a{
        text-decoration:none;
        color:gray;
    }
    
    #text_p a{
        text-decoration:none;
    }
    
}
bady{
    background: red;
}

